<%--
  Created by IntelliJ IDEA.
  User: k_way
  Date: 2016/12/10
  Time: 12:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="com.lm56.web.network.domain.ShippingType" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>查询记录</title>
    <link href="${ctx}/statics/bootstrap/plugin/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <script type="application/javascript">
        var ctx = '${ctx}';
    </script>
</head>
<body>

<div class="container">

    <div class="row">
        <div class="col-sm-10">
            <ol class="breadcrumb">
                <li class="active"><a>查询记录</a></li>
            </ol>
        </div>
    </div>


    <div class="row">
        <div class="col-sm-10">

            <!-- Nav tabs -->
            <ul id="idHistoryTab" class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#idLogisticsTab" role="tab" data-toggle="tab">物流查询记录</a>
                </li>
                <li role="presentation"><a href="#idExpressTab" role="tab" data-toggle="tab">快递查询</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade in  active" id="idLogisticsTab" style="padding-top: 15px;">
                    <div class="row">
                        <div class="col-sm-10">
                            <form id="idLogisticsQueryForm" class="form-inline">
                                <label class="control-label">开始日期:</label>
                                <input id="idLogisticsStartDate" type="text" name="startTime" class="form-control"
                                       readonly>
                                <label class="control-label">结束日期:</label>
                                <input id="idLogisticsEndDate" type="text" name="endTime" class="form-control" readonly>
                                <button type="submit" class="btn btn-warning">查询</button>
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-10">
                            <table id="idLogisticsQueryHistoryTable" class="table table-hover" data-toggle="table">
                                <thead>
                                <tr>
                                    <th>运单号</th>
                                    <th>公司名称</th>
                                    <th>查询时间</th>
                                    <%--<th>状态</th>--%>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <!--                    <span class="pull-right">第1-20条记录，共100条记录</span>-->
                        <ul id="idLogisticsQueryHistoryPagination" class="pagination pagination-sm pull-left">

                        </ul>

                    </div>
                </div>


                <div role="tabpanel" class="tab-pane fade" id="idExpressTab" style="padding-top: 15px;">
                    <div class="row">
                        <div class="col-sm-10">
                            <form id="idExpressQueryForm" class="form-inline">
                                <label class="control-label">开始日期:</label>

                                <input id="idExpressStartDate" name="startTime" type="text"
                                       class="form-control" readonly>
                                <label class="control-label">结束日期:</label>

                                <input id="idExpressEndDate" name="endTime" type="text" class="form-control"
                                       readonly>
                                <button type="submit" class="btn btn-warning">查询</button>
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-10">
                            <table id="idExpressQueryHistoryTable" class="table table-hover" data-toggle="table">
                                <thead>
                                <tr>
                                    <th>运单号</th>
                                    <th>公司名称</th>
                                    <th>查询时间</th>
                                    <%--<th>状态</th>--%>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <!--                    <span class="pull-right">第1-20条记录，共100条记录</span>-->
                        <ul id="idExpressQueryHistoryPagination" class="pagination pagination-sm pull-left">

                        </ul>

                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctx}/statics/bootstrap/plugin/datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/statics/bootstrap/plugin/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="application/javascript" src="${ctx}/statics/js/query_history.js"></script>
<script type="application/javascript">
    $(function () {


    })
</script>
</body>
</html>
